.posir{
    position: relative;
}
.right-content-box li {
    margin: 0;
}

.right-content-box .tags li.to-back {
    margin-right: 3px !important;
}

.right-content-box .tags li.to-back:after {
    background: #28B4FF !important;
}

.right-content-wrapper .right-content-box .tags li:last-child {
    color: #00AAFF;
}

.table-clear {
    width: 100%;
    height: calc(100% - 36px);
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.left{
    width:21%;
    height: 100%;
}
.divlift,.divbottom{
    width: 100%;
    height: 41%;
    box-sizing: border-box;
    background: url(../img/bg-mini-card.png) center no-repeat;
    background-size: 100% 100%;
    padding: 0 10px;
    padding-bottom: 15px;
}

.divright {
    width: calc(79% - 10px);
    height: 100%;
}

.card-title {
    font-weight: 500;
}

.shuzhi {
    clear: both;
    display: flex;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    padding-top: 15px;
}

.shuzhi>div {
    display: inline-block;
    flex-grow: 1;
    justify-content: space-between;
    width: calc(33% - 10px);
    font-weight: 400;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 20px;
}
.shuzhi div:last-child{
    margin-right: 0;
}

.shuzhi canvas{
    width: 100%;
}
.jian{
    margin-top: 10px;
    padding: 0 25%;
    padding-bottom: 10px;
    box-sizing: border-box;
   clear: both;
    overflow: hidden;
}
.jian div{
    width:calc(45% - 15px);
    text-align: center;
    overflow: hidden;
    font-weight: 400;
color: #FFFFFF;
}
.jian div:nth-child(1){
    margin-right: 20px;
}
.jian div .imgspan{
    display: inline-block;
    width: 85%; 
    height: 55px;
    background: url(../皮带_slices/编组.png) no-repeat 0px 5px;
    background-size: 100%;
    /* border:1px dashed #fff; */
}
.jian div .jiankong{
    background: url(../皮带_slices/编组25.png) no-repeat 1px 5px;
}
.jian div span:last-child{
    display: inline-block;
    margin-top: 5px;
}
.jian div b{
    font-weight: normal;
    color: rgba(78, 224, 0, 1);
    
}
/* 左边的下面 */
.divbottom{
    overflow: hidden;
    height: calc(59% - 10px);
    margin-top: 10px;
    padding: 0px;
}
.table-box {
    height: calc(100% - 36px);
    display: flex;
    overflow: hidden
}

.table-box .right-table {
    width: calc(38% - 10px);
    height: 100%;
    margin-left: 10px;
    position: relative
}

 .table-box .right-table:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: -5px;
    background: rgba(40, 180, 255, .27)
}

 .table-box td.no,
 .table-box th.no {
    width: 44px
}
.table th{
    height: 20px;
    padding: 5px 0;
}
.table td{
    height: 20px;
    padding: 10px 0;
}
.table tbody{
    padding: 0 10px;
}
 .table-box td.date,
 .table-box th.date {
    width: 110px
}

 .table-box .method {
    color: #00fcff
}
/* 右边的皮带 */
.divright{
    background: url(../皮带_slices/编组8@2x.png) center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding-left: 20px;
}
.yunxing{
    width:100%;
    height:calc(100% - 36px);
    box-sizing: border-box;
   padding: 5px 30px;
}
.yunxing img{
    width: 100%;
}
.disinb{
    display: inline-block;
}
.shanpi{
      width: 78px;
    height:70px; 
    margin-left: 5px;
   text-align: center;
}
.shan{
  width: 100%;
}
.shu{
    width: 4px;
    position: absolute;
    background: url(../皮带_slices/编组2.png) repeat-y;
}
.heng{
    height: 4px;
    position: absolute;
    background: url(../皮带_slices/编组2备份.png) repeat-x;
}
.xian{
    height:20.5%;
   top: calc(70px + 10px);  
    left:calc(78px/2 + 33px);  
}
.duanxi{
    height: 35px;
    top: 45px;
    right: 50px 

}
.xiapi{
    height: 35px;
    right: 50px;
    bottom: calc(100% - 22% - calc(190px + 20px));
}
.xiapi-di{
    bottom: calc(100% - 22% - calc(190px + 25px + 100px));
}
.changxia{
    height: 35px;
    top: 160px;
    right: 50px;
}
.hengxian{
    width:40%;
    top: calc(50px/2 + 5px);
    right: 70px;
}
@keyframes xia {
    from {
        background-position-y: 0;
    }
    to {
        background-position-y: 100%;
    }
}
@keyframes shang {
    from {
        background-position-y: 100%;
    }
    to {
        background-position-y: 0;
    }
}
@keyframes ping {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 100%;
    }
}
.xia{
    animation: xia linear 5s  infinite ;
}
.sxxia{
    animation: xia linear 1s  infinite ;
}
.ping{
    animation: ping linear 15s  infinite ;
}
.duanxia{
    animation: shang linear 1s  infinite ;
}
.qu{
    position: absolute;
    bottom: -80px;
    right: -10px;
    width: 42px;
    text-align: center;
}
.yunxing .wan{
    width: 80%;
    vertical-align: middle;
}
.shou{
    width: 50px;
    position: absolute;
    right: 30px;
    top:0px;
    text-align: center;
    z-index: 1;
}
.shou img{
    margin-top: 3px;
    width: 90%;
}
.pidai{
    width: 35px;
    height: 100px;
    border-radius: 40px;
border: 4px solid #FCCA33;
    position: absolute;
    right: 35px;
    top: 60px;
    text-align: center;
    z-index: 1;
}
.duanpi{
    width: 35px;
    height: 100px;
    border-radius: 40px;
border: 4px solid #FCCA33;
    position: absolute;
    right: 35px;
    text-align: center;
    z-index: 1;
    bottom: calc(100% - 22% - calc(190px + 100px));
}
.changpi{
    height: 22%;
    top:175px ;
}
.pidai .lun,.duanpi .lun{
    width: 100%;
    height: 30px;
    margin-top: -10px;
    background: url(../皮带_slices/编组2备份14.png) no-repeat -5px 0;
    vertical-align: middle;
}
.pidai .xialun,.duanpi .xialun{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0px;
    margin-bottom: -3px;
}
.pidai span,.duanpi span{
    font-size: 12px;
}
.pidai .pi ,.duanpi .pi{
    width: 50%;
    word-break: break-all
}
.jifen{
    width: 70px;
    height: 65px;
    font-size: 12px;
    position: absolute;
    right: 20px;
    bottom:  calc(100% - 22% - calc(190px + 40px + 100px + 50px));
    
}
.jifen div{
    width: 100%;
    display: inline-block;
    height: 30px;
    border-radius: 8px;
    line-height: 30px;
    text-align: center;
border: 1px solid #FCCA33;

}
.jifen div:nth-child(2){
    margin-top: 5px;
    height: 30px;
}
.heng-zuo{
    width: 30%;
    top: calc( 20.5% + calc(70px + 10px));  
    left:calc(78px/2 + 33px);  
}
.sxshang{
    height: 35px;
    left:calc(30% + calc(78px/2 + 33px));  
    top: calc( 20.5% + calc(70px + 10px - 35px + 4px));  
}
.sxxia{
    height: 35px;
    left:calc(30% + calc(78px/2 + 33px));  
    top: calc( 20.5% + calc(70px + 10px  - 4px));  
}
.heng-zuo-shang{
    width: 6%;
    left:calc(30% + calc(78px/2 + 33px));  
    top: calc( 20.5% + calc(70px + 10px - 35px));
}
.heng-zuo-shang{
    animation-duration: 2s
}